<template>
	<view class="page">
		<view>
			
			<view style="width: 100%;">
				<view style="width: 90%;margin: 20px auto;border: 1px solid #f4f4f4;line-height: 57px;">
					<view style="display: flex;border-bottom: 1px solid #f4f4f4;">
						<view style="width: 30%;border-right: 0.5px solid #f4f4f4;">
							<text style="margin-left: 10px;">身份证号码</text>
						</view>
						<view style="margin-left: 20px;margin-top: 20px;">
							<input type="number" v-model="numberId" value="" placeholder="请输入身份证" />
						</view>
					</view>
					<view style="display: flex;border-bottom: 1px solid #f4f4f4;">
						<view style="width: 30%;border-right: 0.5px solid #f4f4f4;">
							<text style="margin-left: 10px;">姓名</text>
						</view>
						<view style="margin-left: 20px;margin-top: 20px;">
							<input type="text" v-model="numberName" value="" placeholder="请输入姓名" />
						</view>
					</view>
				
				</view>
				<view class="u-m-t-50" style="display: flex;">
					<u-button type='warning' @click="toBackoff" shape='circle' style="background: linear-gradient(270deg, #1ad074e0 0%, #0a9851 53%, #06723c 100%);width: 80%;" >下一步</u-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				numberId:null,//手机号
				numberName:null,//姓名
			}
		},
		onShow() {
			let _this = this;
			let rawData = uni.getStorageSync('rawData');
			console.log(rawData)
			this.homelist = uni.getStorageSync('hourseList')[uni.getStorageSync('hourseNum') || 0]
		},
		methods: {
			toBackoff(){
				if(this.numberId === uni.getStorageSync('rawData').userCardCode || this.numberName === uni.getStorageSync('rawData').userName){
					uni.navigateTo({
						url: "/my/setUp/cancellationstrip"
					})
					
				}
				else{
					uni.showModal({
						title:'提示',
						confirmColor:'#ffb000',
						content:'身份证校验失败',
						success:function(res){
							if(res.confirm){
								uni.redirectTo({
									url: '/my/setUp/setUp'
								})
							}
						}
					})
				}
				
			},
		}
	}
</script>

<style lang="scss">
.page{
	margin-top: 20rpx;
	background-color: #FFFFFF;
	width: 100vw;
	height: 100vh;
	padding: 0 34rpx;
	.title{
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
		padding-top: 68rpx;
		margin-bottom: 20rpx;
		text-align: center;
	}
	.cont{
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		// text-indent: 65rpx;		
		line-height: 42rpx;
	}
}
</style>
